8 Professional CSS Menu Templates Examples

1. Silverwhite - Bootstrap Skin

featured image

Navbar mega HTML5 CSS3 menu

Renamed templates to examples.Removed templates.css: styles are standalone css files or embeded now.css from the deleted template.css for FlexSlider.css.css renamed to font-awesome-ie7.css).Added mega dropdown menu for Navbar.

More Details

2. Apycom jQuery Menus

Apycom jQuery Menus

Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,

Extremely small - 3kb uncompressed

More Details

3. Morning - Bootstrap Skin

featured image

Navbar mega dropdown menu

Renamed templates to examples.Removed templates.css: styles are standalone css files or embeded now.css from the deleted template.css for FlexSlider.css.css renamed to font-awesome-ie7.css).Added mega dropdown menu for Navbar.Added Font Awesome documentation (in the Base CSS page. Added minified Bootstrap CSS files.css to templates.css.

More Details

4. Zozo Tabs

featured image

All customization can be handled via jQuery options, HTML5 data attributes and CSS. Some of it’s key features includes: vertical tabs, horizontal tabs, responsive tabs, deep-linking, powerfull API, CSS3 transition with fallback, 6+ sizes, 10+ themes, 14+ templates, 10+ positions, 65+ options and much more. Zozo Tabs allows you to create custom themes and customize your own build suited to your individual needs, modify, include or remove certain modules (reduce size of css by 90%) such as vertical, underlined, multiline, responsive etc. But for beginners and anyone new to CSS it is highly recommended to just start with the full package, without having to worry which modules are necessary.Added: Lighter weight, more efficient and completely reorganised, cleaned and commented CSS style. Added: Source folder which contains all modules of the Zozo Tabs divided into multiple small CSS files. Added: Two templates/examples clean tabs and ajax content

Added: Option maxRows which will be used to switch to dropdown menu when executed

Added: Option minWindowWidth which will be used switch to dropdown menu

Improved: All templates/examples and added jQuery as a parameter to the ready method instead of $ to avoid conflicts with other libraries

Touch-Enabled – Tabs are displayed in a dropdown menu with touch enabled events and fast CSS3 Transitions, view Mobile Tabs

14 Examples/templates – We’ve created fourteen templates to get you started quickly, View All Templates

Automatically Scrolling – When clicking on tabs/downlown menu on smaller screens, it will scroll automatically to show your content. Source and Minified CSS

Source folder for advanced css customization (create your own build with specific modules to minize the size)

More Details

5. MetNav- A jQuery navigation menu based on Metro UI

featured image

MetNav is a jQuery navigation menu plugin based on Window 8 Metro theme. in each menu.Supports unlimited content to animate inside each menu.Supports a paragraph content inside menu.Control appearance through CSS, so it can be restyled.Two templates showing the use of MetNav including the template shown in the live preview.css and one image folder. That means user will get two templates with download package where the use of MetNav is shown.

More Details

6. Animated Fancy Menu - HTML & CSS3

featured image

• 4 Animations Menu

• Easy to convert as menu or social sharing.• Easy to integrate on any website, blog or templates.

More Details

7. MetroNav - Metro Navigation Bar ver. CSS

featured image

Metro Navigation Bar is a flexiable plugin to make modern and cool navigation bars/menus for your templates, fit with both light and dark styles. This plugin just use CSS for modern browsers ( some js code for IE 6 ). You can put this plugin at the top or bottom of your page, change width or height of main menu, use solid colors, transparent colors or images for menu/submenu backgrounds.CSS 3 Animation Effects ( not for all browsers )

Fit both bright and dark templates

Main menu and sub menu background can use with many solid/transparent colors and image patterns

Navion – Metro Navigation Menu Accordion Switcher CSS

TileBox – Modern Responsive LightBox CSS

Tabion – Metro Tab Accordion Switcher CSS

OneMenu – Responsive Metro UI Menu

MenuStation – Unlimited Responsive Menu

Metro Navigation Bar CSS

More Details

8. PhotoScrollMenu for iPhone & iPad

featured image

PhotoScrollMenu is a sliding menu template for iOS apps. Ideal to use for your app’s main menu.- Photoshop templates to create your own graphics

More Details

9. Advanced Android WebView with Native Menu

featured image

Advanced Android WebView is the Richest WebView Templates Available! With many extra features like build in Adwords, Location based content, EULA accept & much more.-Completely native sliding menu!

-Highly customizable, choose your own menu item icons, and backgrounds on every page.

More Details